<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ include file="../common/base.jsp"%>

<!DOCTYPE html>
<html lang="zh-CN">

<head>

<meta http-equiv="X-UA-Compatible" content="IE=10" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>部门管理系统</title>
<link href="${path }/dist/css/bootstrap.min.css" rel="stylesheet" />
<link href="${path }/dist/css/Buttom.css" rel="stylesheet" />
<link href="${path }/dist/css/flat-ui.css" rel="stylesheet">
<link href='${path }/dist/css/zTreeStyle/zTreeStyle.css'
	rel='stylesheet' />

</head>
<body>
	<div class="panel-group" id="accordion" role="tablist"
		aria-multiselectable="true">
		<div class="panel panel-default">
			<div class="panel-heading" role="tab" id="headingOne">
				<h4 class="panel-title">
					<a data-toggle="collapse" data-parent="#accordion"
						href="#collapseOne" aria-expanded="false"
						aria-controls="collapseOne" onclick="loadEmpTreeNode()"> 在职人员
					</a>
				</h4>
			</div>
			<div id="collapseOne" class="panel-collapse collapse" role="tabpanel"
				aria-labelledby="headingOne">
				<div class="panel-body">
					<div class="ztree" id="emptreeNode"></div>
				</div>
			</div>
		</div>
		<div class="panel panel-default">
			<div class="panel-heading" role="tab" id="headingTwo">
				<h4 class="panel-title">
					<a class="collapsed" data-toggle="collapse"
						data-parent="#accordion" href="#collapseTwo" aria-expanded="true"
						aria-controls="collapseTwo"> 高职人员/外部人员 </a>
				</h4>
			</div>
			<div id="collapseTwo" class="panel-collapse collapse" role="tabpanel"
				aria-labelledby="headingTwo">
				<div class="panel-body">Anim pariatur cliche reprehenderit,</div>
			</div>
		</div>
		<div class="panel panel-default">
			<div class="panel-heading" role="tab" id="headingThree">
				<h4 class="panel-title">
					<a class="collapsed" data-toggle="collapse"
						data-parent="#accordion" href="#collapseThree"
						aria-expanded="false" aria-controls="collapseThree"> 用户数据管理 </a>
				</h4>
			</div>
			<div id="collapseThree" class="panel-collapse collapse"
				role="tabpanel" aria-labelledby="headingThree">
				<div class="panel-body">Anim pariatur cliche repr</div>
			</div>
		</div>

		<div class="panel panel-default">
			<div class="panel-heading" role="tab" id="headingThree">
				<h4 class="panel-title">
					<a class="collapsed" data-toggle="collapse"
						data-parent="#accordion" href="#collapseFour"
						aria-expanded="false" aria-controls="collapseThree"
						onclick="loadTreenode()"> 部门管理 </a>
				</h4>
			</div>
			<div id="collapseFour" class="panel-collapse collapse "
				role="tabpanel" aria-labelledby="headingThree">
				<div class="panel-body">
					<div id='deptTree' class="ztree"></div>


				</div>
			</div>
		</div>
	</div>

	<script src="${path }/dist/js/jquery.min.js"></script>
	<script src="${path }/dist/js/bootstrap.min.js"></script>
	<script src='${path }/dist/js/jquery.ztree.core-3.5.js'></script>
	<script src='${path }/dist/js/jquery.ztree.excheck-3.5.js'></script>
	<script src='${path }/dist/js/jquery.ztree.exedit-3.5.js'></script>
	<script src='${path }/js/navigation.js'></script>

	<c:if test="${tip != null }">
		<script>
		alert('${tip}');
	</script>
	</c:if>

	<script type="text/javascript">
		<!-- 
		<% if ("".equals(request.getParameter("collapse"))) { %>
			$("#<%=request.getParameter("collapse")%>").addClass("in");
		<% }else{ %>
			$("#collapseOne").addClass("in");
		<% } %>
		
	//-->
	</script>

</body>
</html>